<template>
	<div class="content native-scroll mescroll" id="mescroll">
		<div v-html="post_data"></div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				post_data: '',
			};
		},
		onLoad(options) {
			this.getData();
		},
		methods: {
			getData() {
				let that = this
				this.$api.get({
					url: 'portal/my/my_about_us',
					data: {},
					success: res => {
						that.post_data = res.data.post_content;
						console.log(res)
					}
				});
			},
		}
	};
</script>


<style>
    html,
    body {
        /*height: 100%;*/
        background: #f1f1f1;
        margin: 0;
        padding: 0;
        font-size: .825rem;
    }
	
	.content{
		padding:20px;
	}

    .displayFlex {
        display: flex;
    }

    .flex-box-y {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        display: -webkit-flex
    }

    .flex {
        flex: 1;
        text-align: center;
    }

    .flex_xy {
        display: flex;
        align-items: center; /*垂直居中*/
        justify-content: center; /*水平居中*/
    }

    .flex_x {
        display: flex;
        align-items: center; /*垂直居中*/
    }

    .flex_y {
        display: flex;
        justify-content: center; /*水平居中*/
    }

    .bargain {
        height: 100%;
        width: 100%;
        position: relative;
    }

    .fuc {
        position: absolute;
        height: 28px;
        line-height: 28px;
        width: 100%;
        background: rgba(128, 128, 128, 0.2);
    }

    .tab {
        height: 40px;
        line-height: 40px;
    }

    .group {
        font-size: .625rem;
        height: 100%;
    }

    .group_merchant {
        height: 40px;
        line-height: 40px;
    }

    .icon {
        margin: 7px 0 0 10px;
        height: 25px;
    }

    .group_merchant_title {
        text-align: left;
        color: #999;
    }
    .group_merchant_title img{
        width: 20px;
        vertical-align: middle;
    }

    .send {
        margin: 0 20px;
        color: #999;
    }

    .commodity_img {
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }
    .commodity_img img{
        width: 100%;
    }

    .commodity_title {
        text-align: left;
        /*margin-bottom: 15px;*/
        font-weight: 700;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .commodity_has_robbed {
        /*margin-bottom: 10px;*/
        text-align: left;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        color: #666;
    }
    .commodity_has_robbed span{
        margin-right: 4px;
    }

    .commodity_lowest_price {
        text-align: left;
    }

    .commodity_btn{
        align-items: center;
        display: flex;
    }

    .commodity_btn button{
        border-radius: 4px;
        border: none;
        background-color: #df2e24;
        color: white;
        padding: 5px 10px;
    }

    .tab_bottom {
        background: #fff;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    img{
        width: 100%;
        height: 100%;
    }
    a{
        color: #000;
    }
    a:link{text-decoration:none;}
    a:visited {text-decoration:none;}
    a:hover {text-decoration:none;}
    a:active {text-decoration:none;}
    .tab_bottom_text {
        padding: 20px;
    }
    /*.buttons-tab .button{*/
    /*line-height: 0;*/
    /*}*/
    .commodity{
        /*margin: 10px 0;*/
        background-color: #fff;
        border-bottom: 1px solid #f1f1f1;
        padding: 10px;
    }
    .commodity:first-child{
        margin-top: 0;
    }
    .no_collection{
        align-items: center;
        display: flex;
        justify-content: center;
        height: 100%;
    }
</style>